home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / field-explain.izs < prev    next >
Text File  |  2005-09-28  |  5KB  |  120 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Field Explanation
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Opens an explanation window to explain the various fields used in a form on your site when the help link is clicked. You can easily explain various form fields will be used on your site, what type of input is required, or any other information you wish to share. They may also type their entry in the popup window and it will be copied into the form. <!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL FIELD EXPLANATION:
  14.  
  15.   1.  Copy code into the HEAD section of document
  16.   2.  Put last coding into the BODY section of document  -->
  17.  
  18. <!-- STEP ONE: Add code into HEAD section of document  -->
  19.  
  20. <HEAD>
  21.  
  22. <SCRIPT LANGUAGE="JavaScript">
  23.  
  24.  
  25. <!-- Begin
  26. function explain(name, output, msg) {
  27. newwin = window.open('','','top=150,left=150,width=325,height=300');
  28. if (!newwin.opener) newwin.opener = self;
  29. with (newwin.document)
  30. {
  31. open();
  32. write('<html>');
  33. write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
  34. write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
  35. write('<p><center>' + name + ':  <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
  36. write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
  37. write('</center></form></body></html>');
  38. close();
  39.    }
  40. }
  41. //  End -->
  42. </script>
  43. </HEAD>
  44.  
  45. <!-- STEP TWO: Add code into BODY section of document  -->
  46.  
  47. <BODY>
  48.  
  49. <center>
  50. <form name=form method=post action="/cgi-bin/your-script.cgi"> 
  51.  
  52. User Name:  <input type=text name="username" size=10>  <a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site.  Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
  53.  
  54. <br>
  55. Password:  <input type=text name="password" size=10>  <a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account.  This password will be required each time you login to the site.  For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
  56.  
  57. </form>
  58. </center>
  59.  
  60.  
  61.  
  62. <!-- END OF SCRIPT -->
  63. <!/SCRIPT>
  64.  
  65. <!PREVIEW>
  66. <!-- START OF SCRIPT -->
  67.  
  68. <!-- HOW TO INSTALL FIELD EXPLANATION:
  69.  
  70.   1.  Copy code into the HEAD section of document
  71.   2.  Put last coding into the BODY section of document  -->
  72.  
  73. <!-- STEP ONE: Add code into HEAD section of document  -->
  74.  
  75. <HEAD>
  76.  
  77. <SCRIPT LANGUAGE="JavaScript">
  78.  
  79.  
  80. <!-- Begin
  81. function explain(name, output, msg) {
  82. newwin = window.open('','','top=150,left=150,width=325,height=300');
  83. if (!newwin.opener) newwin.opener = self;
  84. with (newwin.document)
  85. {
  86. open();
  87. write('<html>');
  88. write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
  89. write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
  90. write('<p><center>' + name + ':  <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
  91. write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
  92. write('</center></form></body></html>');
  93. close();
  94.    }
  95. }
  96. //  End -->
  97. </script>
  98. </HEAD>
  99.  
  100. <!-- STEP TWO: Add code into BODY section of document  -->
  101.  
  102. <BODY>
  103.  
  104. <center>
  105. <form name=form method=post action="/cgi-bin/your-script.cgi"> 
  106.  
  107. User Name:  <input type=text name="username" size=10>  <a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site.  Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
  108.  
  109. <br>
  110. Password:  <input type=text name="password" size=10>  <a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account.  This password will be required each time you login to the site.  For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
  111.  
  112. </form>
  113. </center>
  114.  
  115.  
  116. <!-- END OF SCRIPT -->
  117. <!/PREVIEW>
  118.  
  119. <!RELATED>NONE<!/RELATED>
  120.